body{
    background-color: rgb(17,12,82);
    height: 100%;
}
.text1{
    color: white;
    font-size: 30px;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%);
}
.text1 img{
    position: absolute;
    height: 200px;
}
.text2{
    color: white;
    font-size: 15px;
    position: absolute;
    left: 50%;
    top: 38%;
    letter-spacing: 1em;
    transform: translate(-50%);
}
.text2 img{
    position: absolute;
    height: 50px;
}
input{
    position: absolute;
    top: 55%;
    left: 50%;
    border-radius: 30px;
    height: 50px;
    border: 1px solid white;
    width: 200px;
    transform: translate(-50%);
}
.text3{
    position: absolute;
    color: white;
    left: 50%;
    font-size: 12px;
    top: 50%;
    letter-spacing: 1px;
    transform: translate(-50%);
}
.text3 img{
    position: absolute;
    height: 30px;
}
#img1{
    z-index: -9;
    position: absolute;
    width: 110px;
    height: 110px;
    top: 62.5%;
}
img{
    top: 65%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    cursor:pointer;
}
.text4{
    position: absolute;
    left: 50%;
    top: 85%;
    transform: translate(-50%);
}
.text4 img{
    height: 75px;
    width: 250px;
}
.logo1{
    position: absolute;
    top: 96%;
    left: 44%;
    transform: translate(-50%);
}
.logo1 img{
    position: absolute;
    width: 20px;
    height: 20px;
}
.logo2{
    position: absolute;
    top: 96%;
    left: 48%;
    transform: translate(-50%);
}
.logo2 img{
    position: absolute;
    width: 20px;
    height: 20px;
}
.logo3{
    position: absolute;
    top: 96%;
    left: 52%;
    transform: translate(-50%);
}
.logo3 img{
    position: absolute;
    width: 20px;
    height: 20px;
}
.logo4{
    position: absolute;
    top: 96%;
    left: 56%;
    transform: translate(-50%);
}
.logo4 img{
    position: absolute;
    width: 20px;
    height: 20px;
}